.el-menu {
    background-color: inherit !important;
    .el-menu-item.is-active {
        background-color: var(--active-color) !important;
        color: #fff !important;
    }

    .el-sub-menu__title{
        letter-spacing: 3px;
        color: var(--color);
        &:hover {
            background-color: var(--active-color) !important;
            color: #fff;
        }
    }

    .el-sub-menu {
        background-color: inherit;
    }

    .el-menu-item {
        letter-spacing: 3px;
        background-color: inherit;
        color: var(--color);

        &:hover {
            background-color: var(--active-color) !important;
            color: #fff !important;
        }
    }
}
.el-menu--collapse .el-sub-menu.is-active .el-sub-menu__title {
    color: var(--active-color);
    .svg-icon {
        color: #fff!important;
    }
}
.el-menu--popup-container {
    .svg-icon {
        margin-right: 15px!important;
    }
}